1 <?php
2
3 session_start();
4
5 include_once(
'includes/config.php');
6
7 $getProducts = $db_conn -> prepare(
"SELECT * FROM products");
8 $getProducts -> execute();
9
10 $products = $getProducts -> fetchAll();
11
12 #Auth Section

13 if
(isset($_SESSION['email']) && isset($_SESSION['token'])) {
14
15     #Store retrieved session values
16     $email = $_SESSION[
'email'];
17     $token = $_SESSION[
'token'];
18
19     #
if email and token is set check them against the database, retrieve and store the email and token retrieved for comparison
20
21     $sql =
"SELECT user_email, user_token from users WHERE user_email = '$email'";
22     $retrieveStmt = $db_conn -> prepare($sql);
23     $retrieveStmt -> execute();
24
25     $user_row = $retrieveStmt -> fetch(PDO::FETCH_ASSOC);
26
27     
if ($user_row > 0) {
28         # store values to be compared
29         $_server_email = $user_row[
'user_email'];
30         $_server_token = $user_row[
'user_token'];
31     }
32
33 }
34
35 $totalCartProducts =
0;
36
37 if
(isset($_SESSION['email'])) {
38     
// Check if product is in user cart
39     $arr = explode(
"@", $_SESSION['email'], 2);
40     $cartName = $arr[
0] . '_cart';
41
42     $allUserCartProductss = $db_conn -> prepare(
"SELECT * FROM $cartName");
43     $allUserCartProductss -> execute();
44
45     $totalCartProducts = $allUserCartProductss -> rowCount();
46 }
47
48 ?>
49
50 <!DOCTYPE html>
51 <html>
52 <head>
53     <meta charset=
"utf-8" />
54     <meta http-equiv=
"X-UA-Compatible" content="IE=edge">
55     <title>MSwiss | Products</title>
56     <meta name=
"viewport" content="width=device-width, initial-scale=1">
57
58     <!-- Favicons -->
59     <link rel=
"icon" type="image/png" href="images/icons/favicon-32x32.png" sizes="32x32" />
60     <link rel=
"icon" type="image/png" href="images/icons/favicon-128.png" sizes="128x128" />
61     
62     <!-- Main CSS-->
63     <link rel=
"stylesheet" type="text/css" media="screen" href="css/main.css" />
64
65     <!-- Products CSS -->
66     <link rel=
"stylesheet" type="text/css" media="screen" href="css/products.css" />
67
68 </head>
69 <body>
70
71     <div
class="side-menu">
72         <ul>
73             <li>
74                 <a href=
"index.php">
75                     Home
76                 </a>
77             </li>
78             <li>
79                 <a href=
"products.php" class="active-link">
80                     Shop
81                 </a>
82             </li>
83             <li>
84                 <a href=
"cart.php">
85                     Cart
86                 </a>
87             </li>
88             <li>
89                 <a href=
"index.php">
90                     About
91                 </a>
92             </li>
93             <li>
94                 <a href=
"index.php">
95                     Contact
96                 </a>
97             </li>
98         </ul>
99
100         <a href=
"#" class="disclaimer">Privacy Policy</a>
101         <a href=
"#" class="disclaimer">Disclaimer</a>
102     </div>
103
104     <div
class="clearfix"></div>
105
106     <div
class="overlay">
107
108     </div>
109
110     <div
class="clearfix"></div>
111     
112     <div
class="login-wrapper">
113         <h3>Login</h3>
114         <form id=
"login-form">
115             <input type=
"email" id="login-email" name="login-email" placeholder="Email Address" required/>
116             <input type=
"password" id="login-password" name="login-password" placeholder="Password" required/>
117             <p></p>
118             <input id=
"login-btn" type="submit" value="Log in" />
119         </form>
120     </div>
121
122     <div
class="signup-wrapper">
123         <h3>Sign up</h3>
124         <form id=
"signup-form">
125             <input type=
"text" id="signup-name" placeholder="Name*" required/>
126             <input type=
"email" id="signup-email" placeholder="Email Address*" required/>
127             <input type=
"password" id="signup-password" placeholder="Password*" required/>
128             <input type=
"text" id="signup-address" placeholder="Address*" required/>
129             <p></p>
130             <input id=
"signup-btn" type="submit" value="Sign up" />
131         </form>
132     </div>
133
134     <div
class="container">
135
136         <nav>
137             <div
class="menu-container">
138                 <div
class="menu-icon">
139                     <span
class="menu-aria"></span>
140                     <span
class="menu-aria"></span>
141                     <span
class="menu-aria"></span>
142                     <div
class="menu-text">
143                         <p>Menu</p>
144                     </div>
145                 </div>
146                 <div
class="menu-login-signup">
147                     <?php
148                     
if (isset($_SESSION['email']) && isset($_SESSION['token'])) {
149                         
if ($email == $_server_email && $token == $_server_token)
150                         {
151                             echo
'<a href="includes/logout.php" class="user-logout">Logout</a>';
152                         }
153                     }
else {
154                         echo
'<a href="#" class="login">Login</a>
155                         <a href=
"#" class="signup">Signup</a>';
156                     }
157                     ?>
158                 </div>
159                 <div
class="menu-cart">
160                     <div
class="cart-count">
161                         <p>
162                             <?php echo $totalCartProducts; ?>
163                         </p>
164                     </div>
165                     <p>
166                         <?php
167                             
if (isset($_SESSION['email']) && isset($_SESSION['token'])) {
168                                 echo
'<a href="cart.php">Cart</a>';
169                             }
else {
170                                 echo
'Cart';
171                             }
172                         ?>
173                     </p>
174                 </div>
175             </div>
176         </nav>
177
178         <div
class="products-container">
179             <?php
180                 $rows = $getProducts -> rowCount();
181                     
// $count = 0;
182                     
if ($rows > 0) {
183                         
for ($i=0; $i < $rows; $i++) {
184                             
// if ($i % 3 == 2 || $i == 0) {
185                             
// echo '<div class="products-row">';
186                             
// $count = $i;
187                             
// // echo 'i starting ' . $i . '<br>';
188                             
// }
189                             
190                             
// $product_url = strtolower(Str_replace(' ', '-', $products[$i]['product_name']));
191                             
192                             echo
'
193                             <a href=
"product-detail.php?' . $products[$i]['product_url'] . '" class="product-card">
194                                 <img src=
"' . $products[$i]['product_image_1'] . '" alt="'. $products[$i]['product_name'] . '" />
195                                 <div
class="product-title">
196                                     <h4>
' . $products[$i]['product_name'] . '</h4>
197                                     <p>$
' . $products[$i]['product_price'] . '</p>
198                                 </div>
199                             </a>
';
200     
201                             
// if ($i % 3 == 1 && $i != 0) {
202                             
// // echo 'i ending ' . $i . '<br>';
203                             
// echo '</div>
204                             
// <div class="clearfix"></div>';
205                             
// }
206                         }
207                     }
208     
209             ?>
210             <!-- <div
class="products-row">
211                 <a href=
"images/home_hero1.jpg" class="product-card">
212                     <img src=
"images/product_images/product1.png" alt="Product 1" />
213                     <div
class="product-title">
214                         <h4>Nike VaporMax</h4>
215                         <p>$
200</p>
216                     </div>
217                 </a>
218                 <a href=
"images/home_hero1.jpg" class="product-card">
219                     <img src=
"images/product_images/product1.png" alt="Product 1" />
220                     <div
class="product-title">
221                         <h4>Nike VaporMax</h4>
222                         <p>$
200</p>
223                     </div>
224                 </a>
225                 <a href=
"images/home_hero1.jpg" class="product-card">
226                     <img src=
"images/product_images/product1.png" alt="Product 1" />
227                     <div
class="product-title">
228                         <h4>Nike VaporMax</h4>
229                         <p>$
200</p>
230                     </div>
231                 </a>
232             </div>
233
234             <div
class="clearfix"></div>
235             <div
class="products-row">
236                 <a href=
"images/home_hero1.jpg" class="product-card">
237                     <img src=
"images/product_images/product1.png" alt="Product 1" />
238                     <div
class="product-title">
239                         <h4>Nike VaporMax</h4>
240                         <p>$
200</p>
241                     </div>
242                 </a>
243                 <a href=
"images/home_hero1.jpg" class="product-card">
244                     <img src=
"images/product_images/product1.png" alt="Product 1" />
245                     <div
class="product-title">
246                         <h4>Nike VaporMax</h4>
247                         <p>$
200</p>
248                     </div>
249                 </a>
250                 <a href=
"images/home_hero1.jpg" class="product-card">
251                     <img src=
"images/product_images/product1.png" alt="Product 1" />
252                     <div
class="product-title">
253                         <h4>Nike VaporMax</h4>
254                         <p>$
200</p>
255                     </div>
256                 </a>
257             </div>
258             <div
class="clearfix"></div> -->
259
260         </div>
261     </div>
262
263     <!-- jQuery CDN -->
264     <script
265     src=
"https://code.jquery.com/jquery-3.3.1.min.js"
266     integrity=
"sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
267     crossorigin=
"anonymous"></script>
268
269     <!-- Custom JS -->
270     <script src=
"js/main.js"></script>
271 </body>
272 </html>


Gõ tìm kiếm nhanh...